<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
     <title>iTRADE</title>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <link rel="stylesheet" type="text/css" href="../css/itrade.css" />
	 <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.3/resources/dojo.css" />
	 <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.3/dijit/themes/tundra/tundra.css" />
</head>
<body class="tundra itrade">
	<div class="ad-block skyscrapper large">
		<div class="header">
			sponsored results
		</div>
		<div class="body">	
			<div class="title">
				<div class="cities">Madrid - Buenos Aires</div>
				<div class="dates">10 Jun - 16 Jun</div>
			</div>
			<ol class="price-list">
				<li>
					<div class="line main">
						<span class="price">543€</span>
						<span class="company">
							<img src="http://www.kayak.com/v250/images/air/AZ.gif" alt="Alitalia" />
							Alitalia
						</span>
						<div class="clearer"></div>
					</div>
					<div class="line">
						<span class="stop">1 stop</span>
						<span class="info">+info</span>
						<span class="merchant">www.opodo.es</span>
						<div class="clearer"></div>
					</div>
				</li>
				<li>
					<div class="line main">
						<span class="price">557€</span>
						<span class="company">
							<img src="http://www.kayak.com/v250/images/air/AR.gif" alt="Aerolineas Argentinas" />
							Aerolineas Argentinas
						</span>
						<div class="clearer"></div>
					</div>
					<div class="line">
						<span class="stop">direct</span>
						<span class="info">+info</span>
						<span class="merchant">www.rumbo.es</span>
						<div class="clearer"></div>
					</div>
				</li>
				<li>
					<div class="line main">
						<span class="price">567€</span>
						<span class="company">
							<img src="http://www.kayak.com/v250/images/air/IB.gif" alt="Iberia" />
							Iberia
						</span>
						<div class="clearer"></div>
					</div>
					<div class="line">
						<span class="stop">direct</span>
						<span class="info">+info</span>
						<span class="merchant">www.iberia.com</span>
						<div class="clearer"></div>
					</div>
				</li>
				<li>
					<div class="line main">
						<span class="price">941€</span>
						<span class="company">
							<img src="http://www.kayak.com/v250/images/air/BA.gif" alt="British Airways" />
							British Airways
						</span>
						<div class="clearer"></div>
					</div>
					<div class="line">
						<span class="stop">1 stop</span>
						<span class="info">+info</span>
						<span class="merchant">www.ba.com</span>
						<div class="clearer"></div>
					</div>
				</li>
			</ol>
			<fieldset class="search-box">
				<legend>Change search</legend>
				<fieldset class="city">
					<label for="origin" class="top">From</label>
					<input id="origin" type="text" value="City or Airport" size="24"/>
				</fieldset>
				<fieldset class="city">
					<label for="destination" class="top">To</label>
					<input id="destination" type="text" value="City or Airport" size="24"/>
				</fieldset>
				<fieldset id="departureDateContainer" class="date">
					<label for="departureDate">Leave</label>
					<input id="departureDate" 
						style="width:60%;"
						dojoType="dijit.form.DateTextBox"
						constraints="{datePattern:'dd/MMM/yyyy', strict:true, min:new Date()}"
						onChange="dijit.byId('returnDate').constraints.min = arguments[0];"
						required="true" />
				</fieldset>
				<fieldset id="returnDateContainer" class="date">
					<label for="returnDate">Return</label>
					<input id="returnDate"
						style="width:60%;" 
						dojoType="dijit.form.DateTextBox"
						constraints="{datePattern:'dd/MMM/yyyy', strict:true, min:new Date()}"
						required="true" />
				</fieldset>
				<fieldset class="search-button">
					<button value="Search">
						<strong>
							<em>Search</em>
						</strong>
					</button>
				</fieldset>
			</fieldset>
		</div>
		<div class="footer">
			<div class="logo">
				ads by
				<img src="../pictures/logo-amadeus-small.gif" alt="Amadeus Logo" />
			</div>
		</div>
	</div>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/dojo/1.3/dojo/dojo.xd.js" djConfig="parseOnLoad: true,debug: false"></script>
	<script type="text/javascript">
	   dojo.require("dojo.parser");
	   dojo.require("dijit.form.DateTextBox");
	</script>

</body>
</html>

